<!DOCTYPE html>
<html>
	<head>
		<title>About</title>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<!-- Fonts-->
		<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/fonts/fontawesome/font-awesome.min.css') }}">
    	<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/fonts/pe-icon/pe-icon.css') }}">
		<!-- Vendors-->
		<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/vendors/bootstrap/grid.css') }}">
    	<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/vendors/magnific-popup/magnific-popup.min.css') }}">
    	<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/vendors/swiper/swiper.css') }}">
		<!-- App & fonts-->
		<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='assets/css/googleapis.css') }}">
    	<link rel="stylesheet" type="text/css" id="app-stylesheet" href="{{ url_for('static', filename='assets/css/main.css') }}">
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
		<![endif]-->
	</head>

	<body>
		<div class="page-wrap" id="root">

			<!-- header -->
			<header class="header header--fixed">
				<div class="header__inner">
					<div class="header__logo">
						<a href="{{ url_for('index_routes.index') }}">
							<img src="{{ url_for('static', filename='assets/img/logo.png') }}" alt="" style="width: 122px;"/>
						</a>
					</div>
					<div class="navbar-toggle" id="fs-button">
						<div class="navbar-icon">
							<span></span>
						</div>
					</div>
				</div>

				<!-- fullscreenmenu__module -->
				<div class="fullscreenmenu__module" trigger="#fs-button">

					<!-- overlay-menu -->
					<nav class="overlay-menu">

						<!--  -->
						<ul class="wil-menu-list">
							<li>
								<a href="{{ url_for('index_routes.index') }}">Home</a>
							</li>
							<li class="current-menu-item">
								<a href="{{ url_for('index_routes.about') }}">About</a>
							</li>
							<li>
								<a href="work.html">Work</a>
							</li>
							<li>
								<a href="blog.html">Blog</a>
							</li>
							<li>
								<a href="contact.html">Contact</a>
							</li>
						</ul><!--  -->

					</nav><!-- End / overlay-menu -->

				</div><!-- End / fullscreenmenu__module -->

			</header><!-- End / header -->

			<!-- Content-->
			<div class="wil-content">

				<!-- Section -->
				<section class="awe-section">
					<div class="container">

						<!-- page-title -->
						<div class="page-title pb-40">
							<h2 class="page-title__title">About me</h2>
							<p class="page-title__text">Curabitur elementum urna augue, eu porta</p>
							<div class="page-title__divider"></div>
						</div><!-- End / page-title -->

					</div>
				</section>
				<!-- End / Section -->


				<!-- Section -->
				<section class="awe-section bg-gray">
					<div class="container">
						<div class="row">
							<div class="col-md-6 col-lg-5 ">
                                <img src="{{ url_for('static', filename='assets/img/pexels-photo-810036.jpg') }}" alt="">
							</div>
							<div class="col-md-6 col-lg-6 col-xs-offset-0 col-sm-offset-0 col-md-offset-0 col-lg-offset-1 ">

								<!--  -->
								<div class="mt-30">
									<h2 class="about__title">YangJian</h2>
									<p class="about__subtitle">Die Zukunft ist hell, und die Straße ist kurvenreich</p>
									<p class="about__text">
                                        Maecenas lorem ex, euismod eget pulvinar non, facilisis ut leo. Quisque placerat purus in neque efficitur ornare. Nam at justo magna.
                                        Aliquam venenatis odio ante, non euismod augue porttitor eget. Maecenas nec viverra eros, eget euismod felis. Integer cursus libero sed lorem euismod, vel iaculis felis placerat.
                                        Pellentesque augue lacus, sodales et eros sed, molestie rhoncus ligula. Vivamus sed massa lorem. Suspendisse mollis lectus nec ex fermentum, in consectetur dolor egestas.
                                        Phasellus quis ipsum quis nisl ultricies sollicitudin id in dolor. Proin at consequat dui.
                                    </p>

                                    <!-- progress -->
									<div class="progress">
										<h5 class="progress__title">web development</h5>
										<div class="progress__wrap">
											<div class="progress__bar" data-progress-percent="65" data-timing="ease" data-duration="1000" data-delay="500"></div>
                                            <span class="progress__number">65%</span>
										</div>
									</div>
                                    <!-- End / progress -->

                                    <!-- progress -->
									<div class="progress">
										<h5 class="progress__title">Deep learning</h5>
										<div class="progress__wrap">
											<div class="progress__bar" data-progress-percent="71" data-timing="ease" data-duration="1000" data-delay="500"></div>
                                            <span class="progress__number">71%</span>
										</div>
									</div>
                                    <!-- End / progress -->

                                    <!-- progress -->
									<div class="progress">
										<h5 class="progress__title">machine learning</h5>
										<div class="progress__wrap">
											<div class="progress__bar" data-progress-percent="63" data-timing="ease" data-duration="1000" data-delay="500"></div>
                                            <span class="progress__number">63%</span>
										</div>
									</div>
                                    <!-- End / progress -->

									<!-- progress -->
									<div class="progress">
										<h5 class="progress__title">front</h5>
										<div class="progress__wrap">
											<div class="progress__bar" data-progress-percent="61" data-timing="ease" data-duration="1000" data-delay="500"></div>
                                            <span class="progress__number">61%</span>
										</div>
									</div><!-- End / progress -->


								</div><!-- End /  -->

							</div>
						</div>
					</div>
				</section>
				<!-- End / Section -->

			</div>
			<!-- End / Content-->

			<!-- footer -->
			<div class="footer">
				<div class="container">
					<div class="row">
						<div class="col-md-6 col-lg-6 ">
                            <p class="footer__coppy">
                            &copy; Copyright
                            <a target="_blank" href="{{ url_for('index_routes.index') }}">PDFTools</a>
                            . All rights Reserved.
                            </p>
						</div>
						<div class="col-md-6 col-lg-6 ">
							<div class="footer__social">

								<!-- social-icon -->
								<a class="social-icon" href="#">
                                    <i class="social-icon__icon fa fa-facebook"></i>
								</a><!-- End / social-icon -->


								<!-- social-icon -->
								<a class="social-icon" href="#">
                                    <i class="social-icon__icon fa fa-twitter"></i>
								</a><!-- End / social-icon -->


								<!-- social-icon -->
								<a class="social-icon" href="#">
                                    <i class="social-icon__icon fa fa-linkedin"></i>
								</a><!-- End / social-icon -->


								<!-- social-icon -->
								<a class="social-icon" href="#">
                                    <i class="social-icon__icon fa fa-behance"></i>
								</a><!-- End / social-icon -->


								<!-- social-icon -->
								<a class="social-icon" href="#">
                                    <i class="social-icon__icon fa fa-vimeo"></i>
								</a><!-- End / social-icon -->

							</div>
						</div>
					</div>
				</div>
			</div><!-- End / footer -->

		</div>
		<!-- Vendors-->
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/jquery/jquery.min.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/imagesloaded/imagesloaded.pkgd.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/isotope-layout/isotope.pkgd.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/jquery-one-page/jquery.nav.min.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/jquery.easing/jquery.easing.min.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/jquery.matchHeight/jquery.matchHeight.min.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/magnific-popup/jquery.magnific-popup.min.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/masonry-layout/masonry.pkgd.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/jquery.waypoints/jquery.waypoints.min.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/swiper/swiper.jquery.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/menu/menu.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='assets/vendors/typed/typed.min.js') }}"></script>
		<!-- App-->
		<script type="text/javascript" src="{{ url_for('static', filename='assets/js/main.js') }}"></script>
</body>
</html>